// 客户洞察组件独立配置
export const CustomerInsightConfig = {
    // 图表容器配置
    container: {
        height: {
            desktop: 450,
            tablet: 400,
            mobile: 350
        },
        padding: '20px'
    },

    // 高价值客户识别配置
    customerValue: {
        title: {
            text: '客户价值分布',
            fontSize: 16,
            fontWeight: 'bold',
            color: '#303133'
        },
        grid: {
            left: '8%',
            right: '8%',
            bottom: '15%',
            top: '15%',
            containLabel: true
        },
        bar: {
            width: '60%',
            color: '#5470c6'
        },
        line: {
            symbolSize: 6,
            lineWidth: 2
        },
        colors: {
            bar: '#5470c6',
            line1: '#91cc75',
            line2: '#ee6666'
        },
        categories: ['VIP客户', '黄金客户', '白银客户', '普通客户', '新客户'],
        data: {
            frequency: [15, 12, 8, 5, 2],
            price: [800, 600, 400, 250, 150],
            total: [12000, 7200, 3200, 1250, 300]
        }
    },

    // 服务项目受欢迎度热力图配置
    serviceHeatmap: {
        title: {
            text: '服务项目受欢迎度热力图',
            fontSize: 16,
            fontWeight: 'bold',
            color: '#303133'
        },
        grid: {
            height: '70%',
            top: '15%',
            left: '8%',
            right: '8%'
        },
        visualMap: {
            min: 0,
            max: 100,
            left: 'center',
            bottom: '3%',
            calculable: true,
            orient: 'horizontal',
            inRange: {
                color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffcc', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
            }
        },
        hours: ['00:00', '02:00', '04:00', '06:00', '08:00', '10:00', '12:00', '14:00', '16:00', '18:00', '20:00', '22:00'],
        services: ['面部护理', '身体按摩', '足疗', 'SPA', '美甲', '美发']
    },

    // 客户消费频次分析配置
    consumptionFrequency: {
        title: {
            text: '客户消费频次分布',
            fontSize: 16,
            fontWeight: 'bold',
            color: '#303133'
        },
        pie: {
            radius: ['35%', '65%'],
            center: ['50%', '50%'],
            emphasis: {
                label: {
                    fontSize: 18,
                    fontWeight: 'bold'
                }
            }
        },
        legend: {
            orient: 'vertical',
            left: '8%',
            top: 'middle'
        },
        colors: ['#c23531', '#2f4554', '#61a0a8', '#d48265'],
        data: [
            { name: '高频客户(>10次)', value: 335 },
            { name: '中频客户(5-10次)', value: 310 },
            { name: '低频客户(2-5次)', value: 234 },
            { name: '新客户(1次)', value: 135 }
        ]
    },

    // 客户年龄分布配置
    ageDistribution: {
        title: {
            text: '客户年龄分布',
            fontSize: 16,
            fontWeight: 'bold',
            color: '#303133'
        },
        grid: {
            left: '8%',
            right: '8%',
            bottom: '15%',
            top: '15%',
            containLabel: true
        },
        bar: {
            width: '60%',
            label: {
                fontSize: 12,
                position: 'top'
            }
        },
        colors: ['#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452'],
        categories: ['18-25岁', '26-35岁', '36-45岁', '46-55岁', '56-65岁', '65岁以上'],
        data: [120, 200, 150, 80, 70, 110]
    }
} 